<template>
	<div class="yp_myOrderform">
		<div class="yp_myOrderform_top">
			<h3>我的消息</h3>
		</div>
		<div class="yp_myInterinfos">
			<table border="1" cellspacing="0" cellpadding="20" >
			<tr>
				<th>标题</th>
				<th>发送时间</th>
				<th>状态</th>
				<th>操作</th>
			</tr>
			<tr v-for="(item,index) in strObj">
				<td>{{item.zhuangtai}}</td>
				<td>{{item.time}}</td>
				<td>未查看</td>
				<td><router-link to="/looknews">查看</router-link>|<a href="###" @click="delt(index)">删除</a></td>
			</tr>
		</table>
		</div>
	</div>
</template>

<script>
	export default {
		name: "Mynews",
		data() {
			return {
				strObj:[{zhuangtai:"您的货物已发货您的货物已发货",time:"2016-09-26 11:12:08"},{zhuangtai:"您的货物未发货您的货物未发货",time:"2017-01-16 11:12:08"},{zhuangtai:"您的货物已发货您的货物已发货",time:"2017-01-11 11:12:09"}]
			}
		},
		methods:{
			delt:function(index){
				this.strObj.splice(index,1);
			}
		}
	}
</script>

<style>
	.yp_myOrderform{
		float: right;
		width: 1085px;
		border: 1px solid gainsboro;
	}
	.yp_myOrderform_top{
		height: 61px;
		line-height: 61px;
		padding-left: 20px;
		border-bottom: 1px solid gainsboro;
	}
	.yp_myInterinfos{
		width: 1085px;
	}
	.yp_myInterinfos table{
		width: 1003px;
		border: 1px solid #D3D3D3;
		text-align: center;
		margin: 20px auto;
	}
	.yp_myInterinfos tr{
		border: none;
		/*font-weight: 300;*/
	}
	.yp_myInterinfos th{
		border: none;
		font-weight: 300;
	}
	.yp_myInterinfos td{
		border: none;
		border-bottom: 1px solid #D3D3D3;
	}
	.yp_myInterinfos th{
		background-color:#f2f2f2;
		border-bottom: 1px solid #D3D3D3;
	}
	.yp_myInterinfos a{
		color: #4B943D;
		padding: 10px;
	}
</style>